<!-- directive:title 项目使用 警告内容样式 -->
<!-- directive:breadcrumb 警告内容样式 -->
<div class="panel-body">
    <uib-tabset class="tab-container">
        <uib-tab heading="警告内容样式">
            <div class="infomsg">
                当启用能量功能后，会员可通过相关操作获取相对应的能量；
                <br>
                当禁用能量功能后，不再产生新的能量，会员端页面不显示能量项，已产生的能量仍将保留。
            </div>
            <script type="text/xianjs" ui-bs>
                <div class="infomsg">
                    当启用能量功能后，会员可通过相关操作获取相对应的能量；
                    <br>
                    当禁用能量功能后，不再产生新的能量，会员端页面不显示能量项，已产生的能量仍将保留。
                </div>
            </script>
            <style type="text/xiancss" ui-bs>
                .infomsg{ font-size: 12px; color: #999999; letter-spacing: 0; line-height: 20px; text-align: left; position: relative; padding-left: 26px;}
                .infomsg:before{ content: "i"; font-family: Arial-BoldMT; position: absolute; font-size: 12px; top: 2px; left: 5px; color: #ffffff; letter-spacing: 0; text-align: center; background: #4aa6fc; border: 1px solid #4aa6fc; width: 15px; height: 14px; line-height: 14px; border-radius: 100%; }
            </style>
        </uib-tab>
        <uib-tab heading="暂无">
            <div class="noData">
                <img src="" alt="">
                <span>暂无能量值规则</span>
            </div>
            <script type="text/xianjs" ui-bs>
                <div class="noData">
                    <img src="data:image/png;base64" alt="">
                    <span>暂无能量值规则</span>
                </div>
            </script>
            <style media="screen" ui-bs>
                .noData{ background: #ffffff; border: 1px solid #e5e5e5; width: 100%; height: 270px; position: relative;}
                .noData img{ display: block; margin: 0 auto; margin-top: 61px; }
                .noData span{font-size: 14px; color: #999999; letter-spacing: 0; text-align: center; display: block; margin-top: 25px; }
            </style>
        </uib-tab>
    </uib-tabset>
</div>
